/**
 * 浮动框控件
 * @param {} op
 * 
 * @since 2013-12-26
 */
Ccay.Component.FloatBar = {
	// 初始化
	init : function(op){
		op = op || {};
		this.build(op);
		this.buildResize(op);
	},
	// 构建dom
	build: function(op){
		var bar = $("#ccay_float_bar");
		if(!bar.length){
			bar = $.create("div", "ccay-float-bar ccay-resize", "ccay_float_bar");
			op.css && bar.addClass(op.css);
			// 元素项
			if(op.items){
				for(var i=0, item; item = op.items[i]; i++){
					bar.append(item);
				}
			}
			// 添加到body
			var style = this.setStyle(op);
			$(document.body).append(bar.css("text-align", op.align || "center").animate(style));
		}else{
			bar.show();
		};
		this._dom = bar;
	},
	// 绑定屏幕大小切换事件
	buildResize:function(op){
		var me = this;
		me._dom.manager().resize = function(){
			me._dom.animate(me.setStyle(op));
		}
	},
	// 添加元素
	addItem:function(item){
		$("#ccay_float_bar").append(item);
	},
	// 移除单个元素
	removeItem:function(selector){
		$("#ccay_float_bar").find(selector).remove();
	},
	// 移除全部元素
	removeItems:function(){
		$("#ccay_float_bar").empty();
	},
	// 关闭浮动框
	closeBar : function(){
		$("#ccay_float_bar").hide();
	},
	// 移除浮动框 
	removeBar : function(){
		$("#ccay_float_bar").remove();
	},
	// 设置位置样式
	setStyle : function(op){
		// 处理高宽,位置
		var contentPanel = $("#"+Ccay.Config.Panel.main),
			//contentPanelWidth = contentPanel.width(),
			contentPanelLeft = contentPanel.offset().left,
			width = op.width || contentPanel.width(),
			height = op.height || $("#ccay_float_bar").height() || 25 , 
			bottom = op.buttom || workspaceVO.config.IsFixedMenu ?  $("#foot_div").height() : 8,
			css = {
				"width" : width,
				"height" : height,
				"left":contentPanelLeft,
				"bottom" : bottom,
				"line-height" : height + "px"/*, 
				"left" : (contentPanelLeft + (contentPanelWidth - width)/2)*/
			};
		return css;
	}
};
